事实上，你只需满足要求的百分之80%，70%，甚至 50% 都有可能获得这份工作机会，因为面试不光看技术，还要看眼缘、人缘：如果面试官觉得你们投缘的话，你即使有不会的问题，他也会主动引导你帮你回答上来；要是不投缘（有些比较250的面试官），那就算你会的再多，他也会觉得你很菜（你不懂他懂的）。所以说那些招聘要求就只作为参考就好了，可以作为你以后的学习路线。不过这些技能还是掌握的越多越好，技多不压身，你可以一边面试一边准备，这样也不会互相影响。

技术能力

分析完外界的因素之后，来看一下咱们需要具体掌握哪些技术。

作为一名前端工程师，html、css、JavaScript 基础是一定要掌握牢固的，所有的语法点都必须要掌握，然后还要熟识面试必考的题，比如 ES6 及后面的新特性、原型链、Event Loop 等等。这些不是从学校学来的，而是为了面试专门突击准备的，需要反复的去看，去研究，最后把它们理解并记住。

掌握这些基础之后，就需要看一下前端比较火爆的框架，react 和 vue。大厂用 React 的比较多，中小型公司用 vue 的比较多，当然这也不是绝对的。据我目前的经验来看，React 的薪水还是比较高的，不过看你自己喜好，喜欢做什么就做什么，从这两个框架中选一个深入去学，后面有时间再去研究另外一个。具体学习和准备方法可以

先学基础用法，再学高级用法，最后掌握框架原理，比如：React / Vue，Redux / Vuex ，因为面试官通常喜欢问这方面的问题。针对这些一定要去看看别人的总结，然后自己研究一下，会更容易理解并记住。了解原理后，有时间再去研究一下源码，对于面试会更有帮助。

理论准备完之后，实战肯定也少不了，无论是校招还是社招，无论是面大厂还是面小厂，都需要应聘者有实战经验。因为光会纸上谈兵，编码能力不够也不会有公司愿意去培养。实战就建议大家自己去网上找一些项目的灵感，然后动手去做一下。刚开始可能会觉得自己技术不够，也没有一个全局的概念，这些都是正常的过程，可以跟一些课程或者书籍，或者是网上的一些资源，学习一下，免费或收费的都可以。收费的好处就是它有一个完整的体系，让你从全局上有一条路径顺着走下去，就能完成一个目标。而免费资源需要你有充裕的时间，因为在遇到问题的时候，需要你一点一点去研究。不过在完成之后，回顾一下你的项目开发过程，也会在脑子里形成体系，再把之前看过的所有资料整理一下，也就学会了，只是时间上会比较长。

有些公司的实战经验要求的比较丰富，比如兼容性调整和性能优化。这种经验就需要你在开发项目中，刻意去创造问题的场景，然后解决它。比如说兼容性调整，你就得在项目中体验一下不同浏览器对于JS和CSS 特性的支持程度，然后按需调整。而性能优化则就需要从网络请求、图片加载、动画和代码执行效率下手。

这些你搞懂了之后，基本上百分之七八十的公司都可以面过去。

软技能

上面说的是必备的硬性技术技能，还有一些必要的软技能，用以展示个人性格和工作能力。最重要的一项软技能是沟通能力。

沟通能力，对于面试或是汇报工作都是必须的。它跟你的自信程度是完全挂钩的，你只有自信之后才能有更好的沟通和表达能力，如果唯唯诺诺，低三下四，那么在面试或汇报工作的时候就会支支吾吾，颠三倒四。

举个例子：好多人，包括我本人，在面试的时候都会紧张，而我又属于那种特别紧张的，有些技术可能本来是熟悉的，但面试的时候人家换一个问法、或者气氛比较紧张的话，大脑就会一片空白，想说也说不出来，特别吃亏。要解决这个问题，**就要相信自己就是什么都会，面试官也不见得比自己会的多，然后面试前事先准备好常见面试题的答案，以及过往的工作经验，可以极大的增加自信。**当准备面试题的时候，可以采用框架的形式进行组织，下边介绍两个常用框架用来回答工作经验类和原理类的问题。

对于工作经验相关的问题，可以使用框架组织回答，比如亚马逊北美那边面试会提前会告诉你，用一个叫STAR的框架回答问题：

S 是说 situation，事件/问题发生的场景。

T 指的是 task，在这个场景下你要解决的问题或者要完成的任务。

A 是 action，行动，要解决上边那些 tasks，你需要付出哪些行动？比如说第1步先去调试代码，然后第2步再去检查一下哪个变量出问题了，描述清楚每一步行动。

R 是 result，结果，这些行动有了什么样的结果，是成功了还是失败了，对你来说有什么帮助或者增长了什么教训。又或者往大里了说，给公司带来了什么效益。

这样一整套就比较有逻辑。

再说原理概念类的问题的回答，也是要有一套逻辑的，就比如说解释一下某某技术的工作原理，那么你要：

解释一下这个技术是干什么的(What)。

它有什么好处(Why)。

分析一下这个技术内部用了哪些核心算法或机制，从外到里，或者由浅入深的给它剖析出来。如果是能拆解的技术，那就把每个部分或者组件的作用简单的描述一下（How)。

最后再给他总结一下这个技术的核心部分。

例如，你要回答 react 工作原理的问题：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

推荐一些系统学习的途径和方法。

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

HTML 和 CSS：

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！ [外链图片转存中…(img-KOpbSmSG-1712794185518)]